// Scss Global Variables

// ---------- Color System ----------
$primary-color: #165DFF; // 高级蓝主色调
$primary-color-light: #4080FF; // 主色浅色调
$primary-color-dark: #0E42D2; // 主色深色调
$success-color: #00B42A; // 成功色-清新绿
$warning-color: #FF7D00; // 警告色-活力橙
$danger-color: #F53F3F;  // 危险色-警示红
$info-color: #86909C;   // 信息色-中性灰

// ---------- Text Color ----------
$text-title-color: #1D2129;   // 标题文字-近黑
$text-primary-color: #4E5969; // 主要文字-深灰
$text-regular-color: #86909C; // 常规文字-中灰
$text-secondary-color: #C9CDD4; // 次要文字-浅灰
$text-placeholder-color: #C9CDD4; // 占位文字
$text-link-color: $primary-color; // 链接文字

// ---------- Font Size ----------
$font-size-large: 18px !default;   // 大字体

// ---------- Border Color ----------
$border-base-color: #D9D9D9;    // 基础边框
$border-light-color: #E8E8E8;   // 亮边框
$border-lighter-color: #F0F0F0; // 更亮的边框
$border-extra-light-color: #F5F5F5; // 最亮的边框

// ---------- Background Color ----------
$bg-color: #F2F3F5; // 页面背景色-超浅灰
$bg-container-color: #FFFFFF; // 容器背景色-白色
$bg-card-color: #FFFFFF; // 卡片背景色
$bg-hover-color: #F7F8FA; // 悬停背景色
$bg-active-color: #E8F3FF; // 激活背景色

// ---------- Layout ----------
// Sidebar
$layout-sidebar-width: 220px;
$layout-sidebar-min-width: 80px;
$layout-sidebar-bg-color: #FFFFFF; // 侧边栏背景-白色
$base-menu-text-color: $text-primary-color; // 文本改为深灰色提高可读性
$base-menu-active-text-color: #FFFFFF;
$base-menu-active-bg-color: $primary-color;
$layout-logo-height: 60px;

// Topbar
$layout-navbar-height: 60px;
$base-tabbar-bg-color: $bg-container-color;

// Elevation & Shadow
$shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
$shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);
$shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.16);

// Border
$border-radius-sm: 4px;
$border-radius-md: 6px;
$border-radius-lg: 8px;

// Colors
$primary-color-light-8: mix($primary-color, #ffffff, 20%);
$primary-color-light-9: mix($primary-color, #ffffff, 10%);

// Logo
$base-logo-title-fontSize: 18px;
$base-logo-title-color: #FFFFFF;

// TagsView
$tagsview-bg-color: $bg-container-color;
$tagsview-text-color: $text-regular-color;
$tagsview-active-bg-color: $primary-color;
$tagsview-active-text-color: #FFFFFF;